<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>慧泽科技</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/public.css">
</head>

<body>
    <div class="index-warp">
        <!-- heaeder -->
        <!-- 模态框（Modal） -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div>
                    </div>
                    <div class="modal-body text-center">
                        <img src="img/attentionqrcode.jpg" alt="">
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                        </button>
                    </div>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal -->
        </div>
        <!--  -->
        <!-- 模态框（Modal） -->
        <div class="modal fade bs-example-modal-lg" id="license" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div>
                    </div>
                    <div class="modal-body text-center">
                        <img src="img/license.jpg" style="width: 600px;">
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                        </button>
                    </div>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal -->
        </div>
        <!--  -->
        <!-- modal  register -->
        <div class="modal fade  bs-example-modal-lg" tabindex="-1" role="dialog" id='register'>
            <div class="modal-dialog  bs-example-modal-lg" role="document">
                <div class="modal-content register ">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true"> ×</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <form class="form-horizontal" role="form">
                            <div>
                                <label class="col-sm-2 col-xs-offset-2 control-label"></label>
                                <div class="col-sm-6">
                                    <span class="registerMes">
                                 &nbsp;
                                 <!-- 注册失败，请重新注册 -->
                            </span>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 col-xs-offset-2 control-label">账号:</label>
                                <div class="col-sm-6">
                                    <input class="form-control" id="inputUsername" maxlength="30" name="username">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="inputPassword" class="col-sm-2 col-xs-offset-2 control-label">密码:</label>
                                <div class="col-sm-6">
                                    <input type="password" class="form-control a" id="inputPassword" placeholder=" " maxlength="16" name="psw">
                                </div>
                            </div>
                            <div class="form-group" style="margin-bottom: 0px;">
                                <label class="col-sm-2 col-xs-offset-2 control-label"></label>
                                <div class="col-sm-6">
                                    <button type="button" class="form-control zhuce btn btn-primary" id="zhuce">注 册</button>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 col-xs-offset-2 control-label"></label>
                                <div class="col-sm-6 text-right link-a">
                                    <a>登 录</a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>
        <!-- /.modal -->
        <!-- modal  login -->
        <div class="modal fade  bs-example-modal-lg" tabindex="-1" role="dialog" id='login'>
            <div class="modal-dialog  bs-example-modal-lg" role="document">
                <div class="modal-content register ">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true"> ×</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <form class="form-horizontal" role="form">
                            <div>
                                <label class="col-sm-2 col-xs-offset-2 control-label"></label>
                                <div class="col-sm-6 loginmsg">
                                    &nbsp;
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 col-xs-offset-2 control-label">账号:</label>
                                <div class="col-sm-6">
                                    <input class="form-control" id="loginUsername" maxlength="30">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="inputPassword" class="col-sm-2 col-xs-offset-2 control-label">密码:</label>
                                <div class="col-sm-6">
                                    <input type="password" class="form-control" id="loginPassword" placeholder=" " maxlength="16">
                                </div>
                            </div>
                            <div class="form-group" style="margin-bottom: 0px;">
                                <label class="col-sm-2 col-xs-offset-2 control-label"></label>
                                <div class="col-sm-6">
                                    <button type="button" class="form-control zhuce btn btn-primary" id="denglu">登 录</button>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 col-xs-offset-2 control-label"></label>
                                <div class="col-sm-6 text-right link-a">
                                    <a>注册</a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>
        <!-- /.modal -->
        <navbar>
            <div class="container ">
                <div class="row">
                    <div class="navbar-heade pull-right">
                        <ul class="navbar-nav ">
                            <li class="hearder-List my-hide" section="NotloginSection">
                                <a data-target="#login" data-toggle="modal" class="hearder-login">
                                  登录 </a>
                            </li>
                            <li class="hearder-List hearder-zhuce my-hide" section="NotloginSection">
                                <a data-target="#register" data-toggle="modal">
                                 注册 </a>
                            </li>
                            <li class="hearder-List my-hide" section="loginSection">
                                <a id="usernameLink"></a>
                            </li>
                            <li class="hearder-List ">
                                <a data-target="#myModal" data-toggle="modal">
                             关注 </a>
                            </li>
                            <li class="hearder-List my-hide" section="loginSection">
                                <a id="logout">
                                退出 </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-6  header-title">
                        <img src="img/index-logo.png" alt="" style="width:50px;height:50px;">
                        <span class=""> &nbsp; 深圳市慧泽信息科技有限公司</span>
                    </div>
                    <div class="col-xs-2"> </div>
                    <div class="col-xs-6 ">
                        <ul class="navbar-nav  aa">
                            <li class="hearder-List2">
                                <a href="index.html">
                                首页 </a>
                            </li>
                            <li class="hearder-List2">
                                <a href="memorymethod.html">
                                科学记忆法 </a>
                            </li>
                            <li class="hearder-List2">
                                <a href="about.html">
                                关于我们 </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </navbar>
        <!-- main1 -->
        <div class="container">
            <div class="index-main1">
                <div class="row">
                    <div class="index-main1title">
                        <p class="">童蒙养正小书童</p>
                        <p class="">子田科学记忆法</p>
                    </div>
                    <div class="index-main1title2">
                        <p>亲子共学 寓教于乐 </p>
                        <p>激发青少年学习兴趣，开发右脑潜能</p>
                    </div>
                    <div> <img src="img/index-main1pic1.png" alt=""> &nbsp;&nbsp;&nbsp;&nbsp; <img src="img/index-main1pic2.png" alt=""></div>
                </div>
            </div>
        </div>
        <!-- main2 -->
        <div class="index-main2">
            <div class="container">
                <div class="row">
                    <div class="col-xs-7">
                        <div class="index-main2left">
                            <div class="index-main2video">
                                <img src="img/introduce.gif" style="width: 100%;height: 100%;">
                            </div>
                            <div>
                                简介：国学数字化课程是讲枯燥难懂的国学知识通过 动漫的形式表现出了，让孩子更好的吸收。
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-5 ">
                        <div class="index-main2right">
                            <img src="img/index-main2pic.png" alt="">
                            <h1>国学数字化课程</h1>
                            <p>Digital course of National Science</p>
                            <span>小书童和科学记忆法都是为了孩子教育所开发的软件APP，内含丰富的教学视频，且每个教学视频都经由专家精挑细学，致力于做到更好更快的帮助孩子的学习和成长.</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- main3 -->
        <div class="index-main3">
            <div class="container">
                <div class="row">
                    <div class="col-xs-7">
                        <div class="row">
                            <div class="index-main3title">
                                <img src="img/index-download.png" alt="">
                                <span>APP购买咨询入口</span>
                            </div>
                            <div class="row">
                                <div class="index-main3crcode">
                                    <div class="col-xs-6">
                                        <h4 class="colorfirst">科学记忆法</h4>
                                        <img src="img/index-crcode1.png" alt="">
                                    </div>
                                    <div class="col-xs-6">
                                        <h4 class="colorsec"> 国学小书童</h4>
                                        <img src="img/index-crcode2.png" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="row  text-left">
                                <ul class="index-main3list">
                                    <li class="text-center"><span> <img src="img/index-ico1.png" alt=""></span>
                                        <p> 海量教育</p>
                                        <p> 视频观看</p>
                                    </li>
                                    <li class="text-center">
                                        <span>
                                        <img src="img/index-ico2.png" alt="" class="bitong">
                                    </span>
                                        <p> 动画视频 </p>
                                        <p> 易于学习</p>
                                    </li>
                                    <li class="text-center">
                                        <span>
                                        <img src="img/index-ico3.png" alt="">
                                    </span>
                                        <p> 操作简单 </p>
                                        <p> 互动丰富</p>
                                    </li>
                                    <li class="text-center">
                                        <span>
                                        <img src="img/index-ico4.png" alt="">
                                    </span>
                                        <p> 千万家长</p>
                                        <p>的选择&nbsp;&nbsp; </p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-5">
                        <img src="img/index-main3pic.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <!-- main4-->
        <div class="container">
            <div class="row">
                <div class=" col-xs-10 col-md-offset-1 index-main4  text-center">
                    <div class="row">
                        <div class="index-main4line col-md-offset-4 col-xs-4"></div>
                    </div>
                    <h2>欢迎来到慧泽信息科技有限公司</h2>
                    <div class="row">
                        <a href="about.html">
                            <div class="index-main4about col-xs-offset-5">关于我们</div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- footer -->
        <div class="footer text-center">
            <div class="row">
                <div class="declare-content"><a onclick="window.open('agreement.html')">
                            用户协议
                        </a>|<a onclick="window.open('parents_care.html')">
                            家长监护
                        </a>
                </div>
            </div>
            <div class="row">
                <div>版权所有@深圳市慧泽信息科技有限公司</div>
                <div class="declare-content"><a onclick="window.open('http://www.miitbeian.gov.cn')">粤ICP备17161962号-3</a></div>
            </div>
            <div class="licenseDiv" data-target="#license" data-toggle="modal">
                <img src="img/license.jpg" style="width:120px;">
            </div>
        </div>
        <!--  -->
    </div>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/main.js"></script>
    <script>
    $(document).ready(function() {
        $('video').click(function() {
            if ($(this).hasClass('pause')) {
                $(this).trigger("play");
                $(this).removeClass('pause');
                $(this).addClass('play');
                $(this).next().hide();
                $(this).prev().hide();
            } else {
                $(this).trigger("pause");
                $(this).removeClass('play');
                $(this).addClass('pause');
                $(this).next().show();
            }
        });
        $('.circle').click(function() {
            console.log(1);
            if ($(this).prev().hasClass('pause')) {
                $(this).prev().trigger("play");
                $(this).prev().removeClass('pause');
                $(this).prev().addClass('play');
                $(this).hide();
                $(this).prev().prev().hide();
            } else {
                $(this).prev().trigger("pause");
                $(this).prev().removeClass('play');
                $(this).prev().addClass('pause');

            }

        })
    });
    </script>
</body>

</html>